<template>
  <div>
    <h2>为事件处理函数传递参数</h2>

    <!-- 如果事件处理函数有什么参数,这里写方法名即可 -->
    <!-- 这里没有传递任何参数  下面的方法直接使用e -->
    <button @click="one">按钮1</button><br />
    <!-- 如果需要为处理方法传递参数  加上小括号()里面写实参 -->
    <!-- 如果给这个方法传递了实参 还需要使用事件对象的话 必须传递 $event   他表示事件对象 -->
    <!-- $event可以调换位置  但是下面的实参和形参位置要一一对应 -->
    <button @click="two(2, 8, $event)">按钮2</button>
  </div>
</template>

<script>
export default {
  data() {
    return {};
  },
  methods: {
    one(e) {
      // console.log("方法one");
      console.log(e.target);
    },
    two(a, b, e) {
      console.log(a + b);
      console.log(e.target);
    },
  },
};
</script>

<style >
h2 {
  color: skyblue;
}
</style>